<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title>作业详情</title>
    <div data-th-replace="layout/head"></div>
</head>
<body>
<!-- top bar -->
<header class="bar bar-nav">
    <a class="button button-link button-nav pull-left goBack" th:href="@{/mobile/uc/operation/operationIndex}">
        <span class="iconfont icon-fanhui"></span>
    </a>
    <h1 class="title">作业详情</h1>
</header>
<!-- top bar end-->

<div class="content wm-content operationInfoWrap-content of">
    <div class="operationInfo-content">
        <div class="card">
            <div class="card-header">商学院VIP课程班级作业</div>
            <div class="card-content">
                <div class="card-content-inner">
                    <div class="row">
                        <div class="col-75">
                            <div class="row no-gutter">
                                <div class="col-50">
                                    <span class="fs4 c-bbb">作业时长</span>
                                    <aside class="">
                                        <b class="fs7 c-000">56</b>
                                        <span class="fs4 c-888">分钟</span>
                                    </aside>
                                </div>
                                <div class="col-50">
                                    <span class="fs4 c-bbb">作业数量</span>
                                    <aside class="">
                                        <b class="fs7 c-000">120</b>
                                        <span class="fs4 c-888">道题</span>
                                    </aside>
                                </div>
                            </div>
                        </div>
                        <div class="col-25 mt5">
                            <span class="button button-round button-fill button-danger"> 开始作业 </span>
                            <!--<span class="button button-round button-fill button-success"> 查看结果 </span>-->
                        </div>
                    </div>
                </div>
            </div>
            <div class="card-footer">
                <aside class="fs4">
                    <span class="c-red">*</span>
                    <span class="c-888">最晚提交时间：2020-01-05 11:22</span>
                    <span class="c-888 ml5">超时不可再提交</span>
                </aside>
            </div>
        </div>
    </div>
    <article class="page-infinite__wrap u-operation-infinite__wrap">
        <div class="page-group">
            <div id="page-infinite-scroll-bottom" class="page page-current">
                <div class="content infinite-scroll native-scroll record_wrap" data-type='native' data-distance="100">
                    <div class="">
                        <section class="mb5 pl5 pr5"><span class="fs6 c-333 vam">| </span><b class="fs6 c-333 vam">已交作业情况</b></section>
                        <div class="list-block no-mt mt5">
                            <ul class="list-container facebook-card wm-topic-list">
                                <li id="no-data-li">
                                    <section class="no-data__wrap">
                                        <em>&nbsp;</em>
                                        <p>亲，还没有人交作业哦~~~</p>
                                    </section>
                                </li>
                                <li class="card-header">
                                    <div class="facebook-avatar mr5">
                                        <img class="wm-img list-block-userface" src="https://fimage.268xue.com/upload/0/yzl/common/2018101117/0ef206ca69971b0216a1b7f8dc529794_jpg/pc/large.jpg" width="42" height="42">
                                    </div>
                                    <div class="facebook-name c-333">150****7112</div>
                                    <div class="facebook-date c-bbb">
                                        <span>于2019-12-31 18:22</span>
                                        <span class="ml5">完成此个作业</span>
                                    </div>
                                    <div class="pl75 pr75">
                                        <div class="fs7 c-666 mt5 cm-desc-txt__twoLine"><div><p>1、运行时类型检测,这个确实是个痛点、刚需,我觉得3年内官方应该会给出一个合理的方案;</p><p>2、io-ts这个至少是一个相对系统化的解决方案(可以给官方提供一些参考意见),可以看出作者对于ts的狂热,也确实在解决问题,是一个可用方案(酌量使用,至少跟现有的代码不会有任何冲突);</p><p>3、io-ts在提供了类似PropTypes等方案的类型检查,同时对ts提供了类型支持,但是不好的地方是代码啰嗦了,这些实体的“类型声明”代码不能存在于d.ts文件里,比较难以流行(和现有的一些js项目好好相处),除非做一个类似DefinitelyTyped的项目来维护,并提供一些工具把现有的ts声明自动转化为io-ts的类型代码(不过好像意义不大,用工具转无依赖的单一库还行,有点依赖都实现不了,而该项目主要还是在解决存在io、序列化的时候存在的类型超预期的问题);</p><p>4、ts的复合类型以及各种推导公式已经足够复杂了,难以想象如果用iots的方式来描述会是什么样的;</p></div></div>
                                    </div>
                                    <div class="card-footer">
                                        <aside>
                                            <span class="fs4 c-888">得分：</span>
                                            <span class="fs8 c-red">98</span>
                                        </aside>
                                        <aside>
                                                <span class="ml5 c-888"><em class="iconfont icon-xihuan"></em>
                                                    <span class="vam fs7">1</span>
                                                </span>
                                        </aside>
                                    </div>
                                </li>
                                <li class="card-header">
                                    <div class="facebook-avatar mr5">
                                        <img class="wm-img list-block-userface" src="https://fimage.268xue.com/upload/0/yzl/common/2018101117/0ef206ca69971b0216a1b7f8dc529794_jpg/pc/large.jpg" width="42" height="42">
                                    </div>
                                    <div class="facebook-name c-333">150****7112</div>
                                    <div class="facebook-date c-bbb">
                                        <span>于2019-12-31 18:22</span>
                                        <span class="ml5">完成此个作业</span>
                                    </div>
                                    <div class="pl75 pr75">
                                        <div class="fs7 c-666 mt5 cm-desc-txt__twoLine"><div><p>1、运行时类型检测,这个确实是个痛点、刚需,我觉得3年内官方应该会给出一个合理的方案;</p><p>2、io-ts这个至少是一个相对系统化的解决方案(可以给官方提供一些参考意见),可以看出作者对于ts的狂热,也确实在解决问题,是一个可用方案(酌量使用,至少跟现有的代码不会有任何冲突);</p><p>3、io-ts在提供了类似PropTypes等方案的类型检查,同时对ts提供了类型支持,但是不好的地方是代码啰嗦了,这些实体的“类型声明”代码不能存在于d.ts文件里,比较难以流行(和现有的一些js项目好好相处),除非做一个类似DefinitelyTyped的项目来维护,并提供一些工具把现有的ts声明自动转化为io-ts的类型代码(不过好像意义不大,用工具转无依赖的单一库还行,有点依赖都实现不了,而该项目主要还是在解决存在io、序列化的时候存在的类型超预期的问题);</p><p>4、ts的复合类型以及各种推导公式已经足够复杂了,难以想象如果用iots的方式来描述会是什么样的;</p></div></div>
                                    </div>
                                    <div class="card-footer">
                                        <aside>
                                            <span class="fs4 c-888">得分：</span>
                                            <span class="fs6 c-red">[批阅中]</span>
                                        </aside>
                                        <aside>
                                                <span class="ml5 c-888"><em class="iconfont icon-xihuan"></em>
                                                    <span class="vam fs7">1</span>
                                                </span>
                                        </aside>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </article>
</div>
<div data-th-replace="layout/footer"></div>
</body>
</html>